home *** CD-ROM | disk | FTP | other *** search
/ AOL File Library: 9,300 to 9,399 / 9300.zip / AOLDLs / HTML & Web Tools (MAC) / HTML_ MTX Web Publishing Tool / MTX Tool 1.3.sit / MTX Tool 1.3 / guide / docs / float.mtx < prev    next >
Text File  |  1996-03-05  |  4KB  |  113 lines
  1. %TITLE Floating Graphics
  2. %IMAGES ../images/
  3. %HOMEURL http://www.med.ufl.edu/medinfo/
  4. %PARENT Table of Contents
  5. %PARENTURL index.html
  6. %INDEX View MTX File
  7. %INDEXURL float.mtx
  8. %PREVURL heading.html
  9. %NEXTURL tables.html
  10. %AUTHOR Richard Rathe / rrathe@ufl.edu
  11. %AUTHURL rrathe@ufl.edu
  12. %VERSION MTX 1.3 User's Manual / Copyright 1996 by the University of Florida
  13. %PATH http://www.med.ufl.edu/medinfo/mtx/docs/
  14. %MTX 1.3
  15.  
  16. #Introduction
  17.  
  18. Version 2.0 HTML is somewhat limited when it comes to integrating text and
  19. pictures. For example, {=picture=} this line of text does not fill the space next
  20. to the picture, it wraps onto subsequent lines below the picture instead.
  21. {#Netscape#netscape.html#} introduces the idea of graphics that "float" alongside
  22. other page elements. You can choose to have a graphic float to either the left or
  23. right. Floating is cumulative; graphics will stack up several layers deep. This
  24. may lead to unpredictable results. It is often necessary to terminate the
  25. floating property with the {#clear tag##CLEAR#} discussed below. For
  26. {#compatibility#compat.html#} it is best to use floating graphics sparingly.
  27.  
  28. #Float Left
  29.  
  30. {=picture left=}
  31.  
  32. This is an example of a graphic floating to the left. To use this property simply
  33. add the left switch to the image tag: ▓=picture left=│. Text, lists, tables, and
  34. other elements will move up to fill the empty space next to the graphic.{C}
  35.  
  36. #Float Right
  37.  
  38. {=picture right=}
  39.  
  40. This is an example of a graphic floating to the right. To use this property
  41. simply add the right switch to the image tag: ▓=picture right=│. Text, lists,
  42. tables, and other elements will move up to fill the empty space next to the
  43. graphic.{C}
  44.  
  45. #Clear Tag#=CLEAR
  46.  
  47. The clear tag (▓C│) is used to terminate the floating property. You
  48. must use the clear tag to avoid unwanted formatting problems. The use of the
  49. clear tag is illustrated in the following examples.
  50.  
  51. #Examples
  52.  
  53. {=picture left=}
  54.  
  55. This is some text. This is some text. This is some text. This is some text. This
  56. is some text. This is some text. This is some text. This is some text.
  57.  
  58. {=picture left=}
  59.  
  60. This is some text. This is some text. This is some text. This is some text. This
  61. is some text. This is some text. This is some text. This is some text.
  62.  
  63. {=picture left=}
  64.  
  65. This is some text. This is some text. This is some text. This is some text. This
  66. is some text. This is some text. This is some text. This is some text.▓C│{C}
  67.  
  68. {=picture left=}
  69.  
  70. A list of items:
  71.     Item 1
  72.     Item 2
  73.     Item 3▓C│{C}
  74.  
  75. {=picture right=}
  76.  
  77. |none|nowide
  78. |      |*col 1|*col 2|*col 3
  79. |*row 1|one   |this is an example of a table|three
  80. |*row 2|four  |five  |six▓C│{C}
  81.  
  82. {=picture right=}
  83.  
  84. This is some text. This is some text. This is some text. This is some text. This
  85. is some text. This is some text. This is some text. This is some text.
  86.  
  87. {=picture right=}
  88.  
  89. This is some text. This is some text. This is some text. This is some text. This
  90. is some text. This is some text. This is some text. This is some text.
  91.  
  92. {=picture right=}
  93.  
  94. This is some text. This is some text. This is some text. This is some text. This
  95. is some text. This is some text. This is some text. This is some text.▓C│{C}
  96.  
  97. {=picture right=} This is a long paragraph of text that should spill over into
  98. the space around the pictures. This is a long paragraph of text that should spill
  99. over into the space around the pictures. This is a long paragraph of text that
  100. should spill over into the space around the pictures. This is a long paragraph of
  101. text that should spill over into the space around the pictures. This is a long
  102. paragraph of text that should spill over into the space around the pictures. This
  103. is a long paragraph of text that should spill over into the space around the
  104. pictures. {=picture left=} This is a long paragraph of text that should spill
  105. over into the space around the pictures. This is a long paragraph of text that
  106. should spill over into the space around the pictures. This is a long paragraph of
  107. text that should spill over into the space around the pictures. This is a long
  108. paragraph of text that should spill over into the space around the pictures. This
  109. is a long paragraph of text that should spill over into the space around the
  110. pictures. This is a long paragraph of text that should spill over into the space
  111. around the pictures. This is a long paragraph of text that should spill over into
  112. the space around the pictures. ▓C│{C}
  113.